JQuery zobrazující položky ve vnořené smyčce

Chtěl bych zobrazit položky patřící různým zákazníkům. Za tímto účelem načítám data prostřednictvím volání ajax a tam seskupuji data na základě každého jedinečného zákazníka. Poté připojím seskupená data k mému html.
Struktura mých seskupených dat vypadá takto:
„John Doe“: [
{
"Item_id": 1
"Item_name": "abc"
},
{
"Item_id": 2
"Item_name": "def"
},
],
„Jane Doe“:
{
"Item_id": 3
"Item_name": "ghi"
},
{
"Item_id": 4
"Item_name": "jkl"
},
]
Můj kód vypadá takto:
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`
 `+ key +` 


`);
$ .each (hodnota, funkce (ky, val) {
$ ('# dataTable tbody'). append (
`
`);
});
});
Čelím stížnosti, kdy se všechny položky zobrazují pod prvním zákazníkem, zatímco data se zobrazují správně pod druhým zákazníkem. 

                                    

                                        

                                            2021-01-31 08:22:04                                        
                                    
                                

                        

                        

                    

                        

                            
Po vlastnostech vám chybí čárky a objekty vlastnosti Jane Doe nejsou uzavřeny v []. Zvažte změnu objektu groupedData, protože syntaxe není správná.
Upravit: Upraven také řetězec šablony a také přístup k tabulce s dynamickým ID.
Vzorek:
let groupedData = {
„John Doe“: [{
"Item_id": 1,
"Item_name": "abc"
},
{
"Item_id": 2,
"Item_name": "def"
}
],
"Jane Doe": [{
"Item_id": 3,
"Item_name": "ghi"
},
{
"Item_id": 4,
"Item_name": "jkl"
}
]
};
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`
 $ {key} 

 Číslo položky 
 Název položky 

 


`+ ky +`


`+ val.Item_name +`


                                
                                
                            


                        
                    


                    

                    


`);
$ .each (hodnota, funkce (ky, val) {
$ (`#dataTable _ $ {key.split ('') .join ('_')} tbody`) .append (
`
`);
});
});


|
Na párty jsem trochu pozdě, ale tady je zábavný a praktický způsob, jak dynamicky zobrazit vaše data pomocí elementu 

 Číslo položky 
 Název položky 

 


$ {ky}


$ {val.Item_name}